<template>
	<view class="conten">
		<view style="width: 100%;height: 230rpx;"></view>
		<view class="hi" style="font-size: 60rpx;">账号注册</view>
		
		<view style="width: 85%;margin: 80rpx auto;">
			<view style="font-size: 50rpx;color: #fff;margin-bottom: 30rpx;">会员权限：</view>
			<rich-text style="color: #fff;" :nodes="richTextContent"></rich-text>
		</view>
		<view @click="vipinfo" style="width: 85%;height: 100rpx;background-color: #fff;color: #0D4283;margin: 60rpx auto;border-radius: 100rpx;text-align: center;line-height: 100rpx;font-size: 50rpx;">立即支付</view>
		<view @click="cancellation" style="width: 85%;height: 100rpx;color: #fff;text-align: center;line-height: 100rpx;font-size: 50rpx;margin: auto;">取消</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				code: '',
				richTextContent: '<div><span>这是权限</span><span>这是权限</span><span>这是权限</span><span>这是权限</span></div><div><span>这是权限</span><span>这是权限</span><span>这是权限</span><span>这是权限</span></div><div><span>这是权限</span><span>这是权限</span><span>这是权限</span><span>这是权限</span></div>',
			}
		},
		methods: {
			empty(){
				this.code = ''
			},
			vipinfo(){
				uni.navigateTo({
					url: '/pages/login/vipinfo'
				})
			},
			cancellation(){
				uni.navigateTo({
					url: '/pages/index/index'
				})
			},
		}
	}
</script>

<style>
	.conten{
		width: 100%;
		height: 100vh;
		background: linear-gradient(to bottom, #1C386E, #4683CF);
	}
	.hi{
		width: 85%;
		margin: 0 auto 20rpx;
		color: #fff;
	}
</style>
